<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>ShareWell - awesome tag line here</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le styles -->
    <link href="../bootstrap.css" rel="stylesheet">
    <link href="sharewell.css" rel="stylesheet">

    <style type="text/css">
        body {
            padding-top: 60px;
        }
    </style>

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>

<body>

<div class="topbar">
    <div class="fill">
        <div class="container">
            <a class="brand" href="#"><img src="images/sitelogo.png"></a>
            <ul class="nav">
                <li><a href="index.html">Home</a></li>
                <li><a href="search.html">Search</a></li>
                <li class="active"><a href="#about">Profile</a></li>
                <li><a href="#contact">Login</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="sw-clear-both"/>

<div class="container">

    <div class="row">
        <div class="span12">
            <div class="row">
            <div class="span4">
                <img class="thumbnail" alt="" src="http://placehold.it/220x220">
            </div>
            <div class="span8">
                <h1>Group Name</h1>

                <p>Group description. lakjsldk jalskd jaslkasjld asjlk das laskj dslak dsalkd jsalkd jsalkd aslkd</p>

                <form action="/addme" method="post">
                        	<button class="btn large primary" type="submit">+1 Ask to Join</button>
		</form>

            </div>
            </div>
            <hr/>
            <!-- Comments-->
            <h2>Products by this group</h2>
            <div style="margin-top: 10px">
                <ul class="media-grid">
                    <li>
                        <a href="#">
                            <img class="thumbnail" src="http://placehold.it/60x60" alt="">
                        </a>

                        <div class="sw-user-product-desc">
                            <p><b>Product 1</b></p>
                            <p>Description</p>
                        </div>
                    </li>
                    <div class="sw-clear-both"/>
                    <li>
                        <a href="#">
                            <img class="thumbnail" src="http://placehold.it/60x60" alt="">
                        </a>

                        <div class="sw-user-product-desc">
                            <p><b>Product 2</b></p>
                            <p>Description</p>
                        </div>
                    </li>
                    <div class="sw-clear-both"/>
                </ul>


            </div>
        </div>
        <div class="span4">
            <div>
                <h3>Group Moderator</h3>
                <a href="#">

                    <img class="thumbnail" alt="" src="http://placehold.it/100x100">
                </a>

                <p>Location</p>
            </div>
            <div class="sw-clear-both"/>
            <div>
                <h5>Group Members</h5>
                <ul class="media-grid">
                    <li>
                        <a href="#">
                            <img class="thumbnail" src="http://placehold.it/60x60" alt="">
                        </a>

                        <div class="sw-user-product-desc">
                            <h5>Member 1</h5>

                            <p>Rating</p>
                        </div>
                    </li>
                    <div class="sw-clear-both"/>
                    <li>
                        <a href="#">
                            <img class="thumbnail" src="http://placehold.it/60x60" alt="">
                        </a>

                        <div class="sw-user-product-desc">
                            <h5>Member 2</h5>

                            <p>Rating</p>
                        </div>
                    </li>
                    <div class="sw-clear-both"/>
                    <li>
                        <a href="#">
                            <img class="thumbnail" src="http://placehold.it/60x60" alt="">
                        </a>

                        <div class="sw-user-product-desc">
                            <h5>Member 3</h5>

                            <p>Rating</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

    </div>
    <footer>
        <p>&copy; ShareWell 2012</p>
    </footer>

</div>
<!-- /container -->

</body>
</html>
